<ui:composition template="/WEB-INF/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="main">
		<div class="jumbotron" style="margin-bottom: 50px;">
			<h1 style="margin-bottom: 30px;">Cadastrar Atividade</h1>
			<h:form class="form-horizontal" role="form" method="post">
				<div class="form-group">
					<label for="nome" class="col-sm-1 control-label"
						style="text-align: left;">Nome:</label>
					<div class="col-sm-6">
						<h:inputText class="form-control" id="nome" required="true"
							requiredMessage="O campo nome deve ser preenchido"
							value="#{atividadeBean.atividade.nome}" />
					</div>
				</div>
				<div class="form-group">
					<label for="organizador" class="col-sm-1 control-label"
						style="text-align: left; margin-right: 20px">Organizador:</label>
					<div class="col-sm-4">
						<h:inputText class="form-control" id="organizador" required="true"
							requiredMessage="O campo organizador deve ser preenchido"
							value="" />
					</div>
				</div>
				<div class="form-group">
					<label for="vagas" class="col-sm-2 control-label"
						style="text-align: left; width: 160px;">Número de vagas:</label>
					<div class="col-sm-1">
						<h:inputText class="form-control" id="vagas"
							value="#{atividadeBean.atividade.vagas}" />
					</div>
				</div>
				<h:panelGrid columns="2">
					<h:commandButton class="btn btn-primary"
						value="Cadastrar atividade"
						style="padding-left:40px; padding-right:40px; font-size:16px;" />
				</h:panelGrid>
			</h:form>
		</div>

	</ui:define>

</ui:composition>